@charset "UTF-8";
#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  padding-bottom: 50px;
}
#app .tabs {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
#app .index, #app .article, #app .question, #app .more {
  padding-top: 50px;
}
#app .index {
  display: flex;
  flex-direction: column;
}
#app .index .vol {
  font-size: xx-large;
  font-weight: 700;
  font-style: italic;
  color: #666;
  margin: 50px 20px;
}
#app .index .image {
  width: 90%;
  margin-left: 5%;
}
#app .index .text {
  font-size: small;
  margin: 20px;
  padding: 20px;
  color: #333;
  font-style: italic;
}
#app .index .text::before {
  content: "“";
  font-size: xx-large;
}
#app .index .text::after {
  content: "”";
  font-size: xx-large;
}
#app .index .copyright {
  margin: 20px 20px 0 20px;
  display: flex;
  flex-direction: column;
  color: #666;
  font-size: xx-small;
  align-items: center;
}
#app .index .copyright hr {
  margin: 20px 0;
  width: 90%;
}
#app .index .copyright .fp-one-app {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app .index .copyright .fp-one-app .qrcode {
  display: flex;
  flex-direction: row;
}
#app .index .copyright .fp-one-app .qrcode > img {
  width: 100px;
  height: 100px;
}
#app .article {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 50px 20px;
}
#app .article .title {
  font-size: xx-large;
  color: #333;
}
#app .article .author {
  color: #666;
}
#app .article .author::before {
  content: "作者：";
}
#app .article .content .comilla-cerrar {
  padding: 10px;
  color: #666;
  width: 80%;
  margin: 20px 0;
  font-style: italic;
}
#app .article .content .comilla-cerrar::before {
  content: "“";
  font-size: xx-large;
}
#app .article .content .comilla-cerrar::after {
  content: "”";
  font-size: xx-large;
}
#app .article .content .articulo-titulo, #app .article .content .articulo-autor {
  display: none;
}
#app .article .content .one-img-container {
  width: 80%;
}
#app .article .content .one-img-container img {
  width: 100%;
}
#app .article .content .articulo-contenido {
  color: #333;
}
#app .article .content .articulo-contenido > p {
  width: 90%;
  line-height: 30px;
  font-size: large;
}
#app .question .title {
  font-size: xx-large;
  color: #333;
  margin: 50px 20px;
}
#app .question .content {
  font-size: large;
  line-height: 35px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#app .question .content .one-img-container {
  width: 90%;
  margin: 20px 5%;
}
#app .question .content .one-img-container img {
  width: 100%;
}
#app .question .content > p {
  width: 90%;
  line-height: 35px;
  font-size: large;
  margin-left: 5%;
}
#app .more .title {
  font-size: xx-large;
  font-weight: 700;
  font-style: italic;
  color: #666;
  margin: 50px 20px;
}
#app .more .asyncToday {
  font-size: small;
  color: #333;
  font-style: italic;
  margin-left: 50px;
}
#app .more .tip {
  font-size: small;
  margin: 20px;
  padding: 20px;
  color: #333;
  font-style: italic;
}
#app .more .tip::before {
  content: "“";
  font-size: xx-large;
}
#app .more .tip::after {
  content: "”";
  font-size: xx-large;
}
#app .more .list {
  margin: 50px 20px;
  display: flex;
  flex-direction: column;
}
#app .more .list .list-item {
  color: #333;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 20px;
}
#app .more .list .list-item .list-article {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #666;
  font-size: small;
  margin-top: 5px;
}
#app .more .list .list-item .list-question {
  color: #666;
  font-size: small;
}/*# sourceMappingURL=index.s.css.map */